<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.con1{
				width: 200px;
				height: 200px;
				border: #000000 1px solid;
				border-radius: 100px;
			}
			.con2{
				width: 200px;
				height: 200px;
				border: #000000 1px solid;
				
				border-top-style: dashed; /*double solid dotted*/
				border-top-width: 10px;
				
				border-right-style: double;
				border-right-color: blue;
				border-right-width: 5px;
				
				border-bottom-style:solid ;
				border-bottom-color:red ;
				border-bottom-width: 5px;
				
				border-left-style:dotted ;
				border-left-color:yellow ;
				border-left-width: 5px;
				
			}
		</style>
	</head>
	<body>
		<div class="con1"></div>
		<div class="con2"></div>
	</body>
</html>
